require('normalize.css/normalize.css');
require('styles/App.css');

import styles from '../styles/Product.css';
import React, {Component} from 'react';
import {Form,Carousel, Row, Col, Icon, Layout, Menu, Input,Button,Tabs} from 'antd';

const { Content, Footer} = Layout;
const FormItem = Form.Item;
import HeaderMin from './HeaderMin';
import FooterMin from './FooterMin';
let In8 = require('../sources/in8/zh_cn');

const  product_zb = In8.Product_1.product_zb ;//`装备玩法`;
const  zb_1 = In8.Product_1.zb_1 ;// `《圣域三国》分为武器与防具两大类型。其中武器依照职业的不同分为双手重武器，剑盾，法杖，魔导器，神杖以及权杖。防具依照部位不同分为：头盔，肩膀，衣服，手腕，腰带，鞋子，项链以及戒指。`;
const  zb_2 = In8.Product_1.zb_2 ;// ` 装备分有五种品质，分别为：`;
const  zb_3 = In8.Product_1.zb_3 ;// `　白色——普通`;
const  zb_4 = In8.Product_1.zb_4 ;// `　蓝色——优秀`;
const  zb_6 = In8.Product_1.zb_6 ;// `　金色——传说`;
const  zb_7 = In8.Product_1.zb_7 ;// ` 橙色——神器`;
const  zb_8 = In8.Product_1.zb_8 ;// `同一等级下，品质越高，则装备的属性越好;另外，品质还影响装备强化后的属性加成效果，品质越高，则通过强化获得的属性加成数值越多;`;
const  zb_9 = In8.Product_1.zb_9 ;// `装备获得：打怪掉落获得、NPC购买获得、打造获得、任务奖励获得，从其他玩家处购买获得。`;
const  zb_10 = In8.Product_1.zb_10 ;// `装备使用的限制条件：职业条件、人物等级条件。`;
const  zb_11 = In8.Product_1.zb_11 ;// ` 装备后绑定：紫色及以上品质的装备，如果确认要穿戴到装备栏中，则会变成绑定状态;绑定状态下的装备无法交易、PK也不会掉落;`;
const  zb_12 = In8.Product_1.zb_12 ;// `装备属性查看：获得装备后，按快捷键“B”或者点击背包按钮打开背包。鼠标移至装备上后，便可以查看装备属性。`;
const  zb_13 = In8.Product_1.zb_13 ;// `装备使用后，可以在人物界面上查看，按快捷键“C”或者点击人物按钮，打开人物界面查看。
//鼠标移至装备栏上的装备，可以查看属性。点击右键可以取消装备，装备自动回到背包里，这样也可以查看装备所带来的属性增加`;


class Product_1 extends Component {
  constructor(props) {
    super(props);
    this.state = {
      current: 'mail'
    }
  }

  render() {
    const { getFieldDecorator } = this.props.form;
    return (
      <Layout className="layout" style={{minWidth:'1024px'}}>
        <HeaderMin/>
        <Content style={{minHeight: '750px',backgroundColor:'#f4f4f4'}}>
          <Row type="flex" justify="center">
            <Col  span={12} style={{backgroundColor:'white',color:'black',marginTop:'2%',minHeight:'600px'}} >
              <h2 className={styles.Product_1_head}>
                <b>{product_zb}</b>
              </h2>
              <div className={styles.product_info}>
                <p>{zb_1}</p>
                <p>{zb_2}</p>
                <p>{zb_3}</p>
                <p>{zb_4}</p>
                <p>{zb_6}</p>
                <p>{zb_7}</p>
                <p>{zb_8}</p>
                <p>{zb_9}</p>
                <p>{zb_10}</p>
                <p>{zb_11}</p>
                <p>{zb_12}</p>
                <p>{zb_13}</p>
              </div>
            </Col>
          </Row>
        </Content>
        <Row style={{marginTop:'1%'}}>
          <FooterMin/>
        </Row>
      </Layout>
    );
  }
}
export default Form.create()(Product_1);
//News.defaultProps =  Form.create()(News);;

//export default News;
